		
	function get_HtmlForo(Byval ID_APORTE as string,Byval NOMBRE_USUARIO as string,Byval ROL as string,
	Byval FECHA as string,Byval,Byval COMENTARIO as string,Byval ID_APORTE as string,Byval TIPO as boolean )
	
	{

			Dim html as string
			
			if (tipo) then
				html="<div>"&	
					"<div class='basic' id='8_2'></div>"&
					"<div class='lbox_n2' id='aporte_"& ID_APORTE &"'>"&	
						"<!--Info del usuario-->"&
							"<div class='info_user_n2'>"&
								"<div align='center'>"&
									"<img class='fotos_user_n1' src='images/user_default.jpg' alt=''/>"&
									"<p>"& NOMBRE_USUARIO &" "& ROL &"</p>"&
								"</div>"&
							"</div>"&
							"<!--Encabezado-->"&
							"<div class='encab_foro'>"&
								"<p style='text-align:right'>"& FECHA &"</p>"&
									COMENTARIO&
								"</p>"&
							"</div>"&
							"<!--Footer-->"&
							"<div align='right'>"&
								"<a id='"& ID_APORTE &"' class='inline' href='#inline_content'>Responder</a>"&
							"</div>"&
					"</div>"&
				"</diV>"
			Else
			
				html="<div>"&
					"<div class='basic' id='12_1'></div>"&
					"<div class='lbox' id='aporte_"& ID_APORTE &"'>"&
					"<!--Info del usuario-->"&
						"<div class='info_user'>"&
							"<div align='center'>"&
								"<img class='fotos_user_n1' src='images/user_default.jpg' alt=''/>"&
								"<p>"& NOMBRE_USUARIO &" "& ROL &"</p>"&
							"</div>"&
						"</div>"&
						"<!--Encabezado-->"&
						"<div class='encab_foro'>"&
							"<p style='text-align:right'>" & FECHA &"</p>"&
						"</div>"&
						"<!--Contenido-->"
						"<div id='content_foro'>"&
							"<p>"&
								COMENTARIO&
							"</p>"&
						"</div>"&
						"<!--Footer-->"&
						"<div align='right'>"&
							"<a id='"& ID_APORTE &"' class='inline' href='#inline_content'>Responder</a>"&
						"</div>"&
					"</div>"&
				"</div>"
			end if		
			
				return html
		
		}
		
		
		
		
		
		
		
		<link rel="stylesheet" href="css/Estilo.css" type="text/css" />
		<!-- include CSS & JS files -->
		<!-- CSS file -->
		<link rel="stylesheet" type="text/css" href="css/jRating.jquery.css" media="screen" />
		<!--<link type='text/css' href='css/osx.css' rel='stylesheet' media='screen' />-->
		<link rel="stylesheet" href="css/colorbox.css" />
		<!-- jQuery files -->
		<script type="text/javascript" src="jquery/jquery.js"></script>
		<script type="text/javascript" src="jquery/jRating.jquery.js"></script>
		<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
		<!--script type='text/javascript' src='js/osx.js'></script-->
		<script src="js/jquery.colorbox.js"></script>
		<link rel="stylesheet" type="text/css" href="css/demo.css" />
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/script.js"></script>
		<link href="css/modern.css" rel="stylesheet"/>
		<link href="css/modern-responsive.css" rel="stylesheet"/>
		<link href="css/site.css" rel="stylesheet" type="text/css"/>
		
		
		
		
		
		
		
		<!--Modal form para ingresa el comentario nivel-->
		<div style='display:none'>
			<div id='inline_content' style='padding:10px; background:#fff'>
				<div align="center">
				<strong>Ingrese su mensaje:</strong></br></br>
				<form action="#">
					<textarea class="modalAporte" id="aporte"></textarea>
					<div align="center">
						<input type="submit" value="Enviar" id="ing_coment"/>
					</div>
				</form>
				</div>
			</div>
		</div>
		
		
		
		
		
		
<script type="text/javascript">
	$(document).ready(function(){
	
		var prefijoAporte= "aporte_";

		//Carga de plugins
		load_rating();
		load_color_box();

		
		
		//Se setea el comentario afectado
		$(".inline").click(function(){
			$('#currentComent').val(prefijoAporte+($(this).attr("id")));
		});
		

		//Al ingresar el comentario esto se debe de cambiar por la llamada al ajax
		$('#ing_coment').click(function(){
			$(".inline").colorbox.close();
			$("#"+$('#currentComent').val()).after(ingresarComent("Aramis Cubillo","Profesor",$('#aporte').val(),"01/01/01",456,true));
			load_rating();
			load_color_box();
		});
		


	});
	
	
	function ingresarComent(pusuario,prol,pcomentario,pfecha,pid,pbandera){
	
	var div;
	
	if (pbandera){
		div="<div class='basic' id='8_2'></div>"+
		"<div class='lbox_n2' id=aporte_"+pid+">"+
		"<div class='info_user_n2'>"+
		"<div align='center'>"+
		"<img class='fotos_user_n1' src='images/user_default.jpg' alt=''/>"+
		"<p>"+pusuario+" "+prol+"</p>"+
		"</div>"+
		"</div>"+
		"<div class='encab_foro'>"+
		"<p style='text-align:right'>"+pfecha+"</p>"+
		"</div>"+
		"<div id='content_foro'>"+
		"<p>"+
		pcomentario+
		"</p>"+
		"</div>"+
		"<div align='right'>"+
		"<a id='"+pid+"' class='inline cboxElement' href='#inline_content'>Responder</a>"+
		"</div>"+
		"</div>";
		}else{
			div="<div class='lbox_n3' id=aporte_"+pid+">"+
			"<div class='info_user_n3'>"+
			"<div align='center'>"+
			"<img class='fotos_user_n3' src='images/user_default.jpg' alt=''/>"+
			"<p style='font-size:11px'>"+pusuario+" "+prol+"</p>"+
			"</div>"+
			"</div>"+
			"<div class='encab_foro_n3'>"+
			"<p style='text-align:right'>"+pfecha+"</p>"+
			"</div>"+
			"<div id='content_foro'>"+
			"<p>"+
			pcomentario+
			"</p>"+
			"</div>"+
			"<div align='right'>"+
			"</div>"+
			"</div>";
		}

		return div;
		
	}
	
   function load_rating(){
		// more complex jRating call
		$(".basic").jRating({
		step:true,
		length : 5, // nb of stars
		onSuccess : function(){
		alert('Success : your rate has been saved :)');
		}
		});
   }	
   
   
   function load_color_box(){
	$('#aporte').val("");
	$(".inline").colorbox({inline:true, width:"30%"});
   }

	
</script>
		
		
		
		
		

		
